<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <header>
        <img src="./images/header.png" alt=""/>
    </header>
    <div class="content">
        <div class="banner">
            <div class="btndiv">
                <div class="btn">
                    <img src="./images/zixun.svg" alt=""/>
                    <p class="p1">详情咨询</p>
                    <p class="p2">点击咨询</p>
                </div>
            </div>
        </div>
        <div class="personcontain">
            <img class="img1" src="./images/price.png" alt=""/>
            <img class="img2" src="./images/author.png" alt=""/>
            <img class="img3" src="./images/ways.png" alt=""/>
            <img class="img4" src="./images/questions.png" alt="">
            <img class="img5" src="./images/person.png" alt="">
        </div>
        <div class="gg1">
            <div class="btn">
                <img src="./images/zixun.svg" alt=""/>
                <p class="p1">详情咨询</p>
                <p class="p2">点击咨询</p>
            </div>
        </div>
        <div class="section">
            <div class="mainsection">
                <img src="images/arrow.png" alt="" onclick="next(this)"/>
                <div class="hidden">
                    <ul class="cardgroup">
                        <li class="card">
                           <div class="contented">
                               <div class="topcons">
                                   <div class="icontian">
                                       <img src="./images/icon01.png" alt=""/>
                                       <img src="./images/icon01s.png" alt=""/>
                                   </div>
                                   <div class="textcons">
                                       <p>
                                           快速为您匹配到合发对象，为您省钱省到底。</br>
                                           寻找第一作者？寻找通讯作者？一键咨询帮您搞定。
                                       </p>
                                   </div>
                               </div>
                               <div class="bottomcons">
                                   <p>论文合发</p>
                                   <p>Thesis Merge Send</p>
                               </div>
                           </div>
                           <div class="bacshow">
                           </div>


                       </li>
                        <li class="card">
                            <div class="contented">
                                <div class="topcons">
                                    <div class="icontian">
                                        <img src="./images/icon02.png" alt=""/>
                                        <img src="./images/icon02s.png" alt=""/>
                                    </div>
                                    <div class="textcons">
                                        <p>
                                            作者提交文章后，SCI编辑开始评估。评估结束后根据评估的意见推荐服务类型。</br>
                                            你的论文能不能快速发表见刊，评估就能告诉你结果。
                                        </p>
                                    </div>
                                </div>
                                <div class="bottomcons">
                                    <p>论文评估</p>
                                    <p>Thesis evaluation</p>
                                </div>
                            </div>
                            <div class="bacshow">
                            </div>
                        </li>
                        <li class="card">
                            <div class="contented">
                                <div class="topcons">
                                    <div class="icontian">
                                        <img src="./images/icon03.png" alt=""/>
                                        <img src="./images/icon03s.png" alt=""/>
                                    </div>
                                    <div class="textcons">
                                        <p>
                                            1.母语化润色2.翻译润色</br>
                                            想要把论文的内容清楚地传递给审稿人，优秀的论文语言是少不了的。
                                        </p>
                                    </div>
                                </div>
                                <div class="bottomcons">
                                    <p>论文翻译</p>
                                    <p>Thesis translation</p>
                                </div>
                            </div>
                            <div class="bacshow">
                            </div>
                        </li>
                        <li class="card">
                            <div class="contented">
                                <div class="topcons">
                                    <div class="icontian">
                                        <img src="./images/icon04.png" alt=""/>
                                        <img src="./images/icon04s.png" alt=""/>
                                    </div>
                                    <div class="textcons">
                                        <p>
                                            客户提交完论文初稿，通过论文评估后，SCI编辑开始修改发表。</br>
                                            评估告诉你论文质量，修改保证你的论文发表。
                                        </p>
                                    </div>
                                </div>
                                <div class="bottomcons">
                                    <p>论文修改发表</p>
                                    <p>TModified publication</p>
                                </div>
                            </div>
                            <div class="bacshow">
                            </div>


                        </li>
                        <li class="card">
                            <div class="contented">
                                <div class="topcons">
                                    <div class="icontian">
                                        <img src="./images/icon05.png" alt=""/>
                                        <img src="./images/icon05s.png" alt=""/>
                                    </div>
                                    <div class="textcons">
                                        <p>
                                            根据论文评估后的结果，定制专属于客户需求的论文服务。</br>
                                            你的一切需求皆可定制，这是专属于你的特别服务。
                                        </p>
                                    </div>
                                </div>
                                <div class="bottomcons">
                                    <p>论文定制服务</p>
                                    <p>Thesis Customized service</p>
                                </div>
                            </div>
                            <div class="bacshow">
                            </div>


                        </li>
                    </ul>
                </div>
                <img src="images/arrow2.png" style="opacity: 0.6" alt="" onclick="prev(this)"/>
            </div>
        </div>
        <div class="gg2">
            <div class="btn">
                <img src="./images/zixun.svg" alt=""/>
                <p class="p1">详情咨询</p>
                <p class="p2">点击咨询</p>
            </div>
        </div>
        <div class="rotatediv">
            <img class="fa1" src="images/text1.png" alt=""/>
            <img class="fa2"  src="images/text2.png" alt=""/>
            <img class="fa3"  src="images/text3.png" alt=""/>
            <img class="fa4"  src="images/text4.png" alt=""/>
            <img class="fa5"  src="images/text5.png" alt=""/>
            <div class="fa6" >
                <img src="images/bacround.png" alt=""/>
            </div>
        </div>
        <div class="gg2">
            <div class="btn">
                <img src="./images/zixun.svg" alt=""/>
                <p class="p1">详情咨询</p>
                <p class="p2">点击咨询</p>
            </div>
        </div>
        <div class="diycontain">
            <div class="step">
                <ul>
                    <li>
                        <img src="./images/step01.png" alt="">
                        <p><b>01</b>客户提出合发需求</p>
                    </li>
                    <b></b>
                    <li>
                        <img src="./images/step02.png" alt="">
                        <p><b>02</b>支付定金</p>
                    </li>
                    <b></b>
                    <li>
                        <img src="./images/step03.png" alt="">
                        <p><b>03</b>寻找合发对象</p>
                    </li>
                    <b></b>
                    <li>
                        <img src="./images/step04.png" alt="">
                        <p><b>04</b>达成协议</p>
                    </li>
                    <b></b>
                    <li>
                        <img src="./images/step05.png" alt="">
                        <p><b>05</b>录用通知</p>
                    </li>
                    <b></b>
                    <li>
                        <img src="./images/step06.png" alt="">
                        <p><b>06</b>支付余款</p>
                    </li>
                </ul>
            </div>


        </div>
        <div class="gg3">
        </div>


    </div>

    <footer>
        <img src="./images/footer.png" alt="">
    </footer>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/index.js"></script>
</html>